<template>
<!--	<transition name="fade-slide" mode="out-in">-->
		<!-- 加 key 保证切换触发动画 -->
		<RouterView :key="$route.fullPath" />
<!--	</transition>-->
</template>





<script setup>
import { useRoute } from 'vue-router'

const route = useRoute()
</script>

<style>
.fade-slide-enter-active,
.fade-slide-leave-active {
	transition: all 0.4s ease;
}

.fade-slide-enter-from {
	opacity: 0;
	transform: translateX(30px);
}

.fade-slide-leave-to {
	opacity: 0;
	transform: translateX(-30px);
}
</style>
